<template>
	<view class="">
		<view class="header-view">
			<view style="height: 64rpx;"></view>
			<view class="flex-alignItems-center margin-bottom20">
				<image class="img-30 border-radius50" src='../../static/images/logo.png' mode=""></image>
				<view class="fontSize-15 color-fff">无人机</view>
			</view>
			<view class="flex-between margin-bottom20">
				<view class="flex-alignItems-center">
					<u-icon name="map-fill" color="#ffffff" size="16"></u-icon>
					<view class="fontSize-12 color-fff margin-left10">高新区</view>
				</view>
				<view class="flex-alignItems-center">
					<view class="fontSize-12 color-fff">2020-01-02</view>
					<view class="header-icon"></view>
					<view class="fontSize-12 color-fff">14°多云</view>
				</view>
			</view>
			<u-swiper :list="list1"></u-swiper>
		</view>
		<view class="">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				list1: [
					"https://uviewui.com/swiper/swiper1.png",
					"https://uviewui.com/swiper/swiper2.png",
					"https://uviewui.com/swiper/swiper3.png",
				],
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.header-icon {
		width: 1px;
		height: 20rpx;
		background: #ffffff;
		margin: 0 10rpx;
	}

	.img-30 {
		width: 70rpx;
		height: 60rpx;
		flex-shrink: 0;
		margin-right: 10rpx;
	}

	.header-view {
		width: 95%;
		// height: 300rpx;
		padding: 20rpx;
		opacity: 1;
		border-radius: 0px 0px 20rpx 20rpx;
		background: linear-gradient(to bottom, #00BA44 0%, #F9F397 100%);
	}
</style>